/* CSS Document */
@charset "utf-8";
/* CSS Document */
body,ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0 auto;padding:0;border:0;}
body{background:#fff; color:#414040;font-size:14px; margin-top:0px;font-family:"microsoft Yahei","Arial Narrow"; line-height:22px;}

ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{ text-decoration:none;}

.left{ float: left;}
.right{ float: right;}
.clearfix{ zoom:1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
a{ outline: none;}
.inner{margin :100% auto;width: 1200px;}




/*header */
.header{ height:67px;width:100%; background: url(../img/homepage-top_1200X67.jpg) top center no-repeat;}
.bottom{ height:133px;width:100%; background: url(../img/homepage-bottom_1200X133.gif) top center no-repeat;}

.m40{height: 40px; width:100%;}


.banner{height: 670px;width: 100%;overflow: hidden;position: relative;cursor: pointer;}
.banner ul{    position: relative;}
.banner ul li{list-style: none;width: 100%;height: 670px;position: absolute;left: 0;top: 0;}
.button-prev,.button-next{position: absolute;height:670px; z-index: 2;opacity: .4;  height:100%;  width: 27px;  margin: 0 1em;top: 0;}
.button-prev{left:0;}
.button-next{right:0;}
.button-prev:hover,.button-next:hover {background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%20fill%3D%23007aff%2F%3E%3C%2Fsvg%3E);}
.button-prev:hover .icon-buttom-prev-white,.button-next:hover .icon-buttom-next-white{display: none;}
.icon-buttom-prev-white,.icon-buttom-next-white,.icon-buttom-prev,.icon-buttom-next{ background-size: cover;    top: 50%;    position: absolute;    margin-top: -30px;    width: 25px;    height: 60px;}
.icon-buttom-prev-white,.icon-buttom-next-white{background: url(../img/right-icon.svg) center center no-repeat;}
.icon-buttom-prev,.icon-buttom-next{background: url(../img/right-white-icon.svg) center center no-repeat;}
.icon-buttom-prev-white,.icon-buttom-prev{-webkit-transform: rotate(180deg);    -moz-transform: rotate(180deg);    -ms-transform: rotate(180deg);    -o-transform: rotate(180deg);    transform: rotate(180deg);}

.banner .pagination{position: absolute; z-index: 2; height:29px; bottom:1em;width: 100%;    text-align: center;     opacity: .4;}
.banner:hover .pagination{    opacity: 1;}
.pagination span {    height: 0.2em;    width: 4em;    background-color: rgba(0,0,0, 0.2);    display: inline-block;    vertical-align: middle;}
.pagination span.active{ background-color: rgba(0,0,0, .4)}
.pagination span.white{background-color: rgba(255,255,255, 0.4);}
.pagination span.white.active{ background-color: rgba(255,255,255, .8)}
.banner-1{background: url(../img/homepage-banner1_1920X669.jpg) top center no-repeat;height:669px;}
.banner-2{background: url(../img/homepage-banner2_1920X669.jpg) top center no-repeat;height:669px;}
.banner-3{background: url(../img/homepage-banner3_1920X669.jpg) top center no-repeat;height:669px;}
